<template>
  <div class="report">
    <Breadcrumb/>
    <el-card shadow="hover" id="card">
    </el-card>
  </div>
</template>

<script>
import * as echarts from 'echarts'
import _ from 'lodash'
export default {
  name: 'Report',
  data () {
    return {
      option: {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            label: {
              backgroundColor: '#6a7985'
            }
          }
        },
        grid: {
          left: '2%',
          right: '4%',
          bottom: '3%',
          containLabel: true
        }
      },
      lineData: {}
    }
  },
  async mounted () {
    // const { data: res } = await this.$http.get('reports/type/1')
    // var myChart = echarts.init(document.getElementById('card'))
    // const options = _.merge(res.data, this.option)
    // myChart.setOption(options)
    // window.addEventListener('resize', function () {
    //   myChart.resize()
    // })
  }
}
</script>

<style lang="less" scoped>
.report{
  height: 100%;
  .el-card{
  height: 88%;
}
}
</style>
